/* 	LINK Elements 	----------------------------------------- */
/*	USAGE: <a href="Support.html" class="button orange"><span>Search</span></a> */
/* -------------------------------------------LINK BUTTON SKINS */

a.button.orange {
	background:url("images/edu-orangeLeft.gif") no-repeat left top;
	}
a.button.orange span {
	background:url("images/edu-orangeRight.gif") no-repeat right top;
}
a.button.blue {
	background:url("images/edu-blueLeft.gif") no-repeat left top;
	}
a.button.blue span {
	background:url("images/edu-blueRight.gif") no-repeat right top;
}
a.button.gray {
	background:url("images/edu-grayLeft.gif") no-repeat left top;
	}
a.button.gray span {
	background:url("images/edu-grayRight.gif") no-repeat right top;
}
a.button.black {
	background:url("images/edu-blackLeft.gif") no-repeat left top;
	}
a.button.black span {
	background:url("images/edu-blackRight.gif") no-repeat right top;
}


/* ----------------------------------------LINK BUTTON DEFINITION CLASS - KEEP BELOW BUTTON SKINS */
a.button {
	float:left; /* NEEDED FOR LINK POSITIONING */
	font:bold 11px/16px Verdana; /* (em) does not work with Safari - not consistant */
	text-decoration:none;
	color:#627EB7;
	margin:0; /* margin around button */
	padding:0 0 0 4px; /* Doorway: size of left image */
	height:23px; /* Needed for IE 6 */
}

a.button span {
	display:block;
	float:none; /* Could be text-align:left */
	padding:2px 15px 5px 6px; /* padding around text link - bottom padding may fix bottom border issues */
}

a.button:hover span {
	color:#627EB7;
	background-position:100% 100%; /* using % will allow easier button design (white space in middle of bg is obsolete) */
}

/* CURRENT SELECTED & COMMON STYLE FOR ALL BUTTONS WITH SAME BACKGROUND DIMENSIONS - KEEP BELOW ALL DEFINITIONS */
a.button.current span {
	background-position:100% 100%;
}

a.button:hover,a.button.current {
	background-position:0 100%;
}







/* BUTTON Elements ---------------------------------------------------------------------------------------------- */
/* USAGE: <BUTTON class="button orange">Submit</button> */
/* NOTES: Firefox ERRORS with padding and margins */
/*-------------------------------------------BUTTON SKINS */

button.button.gray23 { 
  background:url("images/23grayLeft.gif") no-repeat left 0%;
  font-size:11px; 
}
button.button.gray23 span { 
  height:23px; 
  line-height:20px;
  background:url("images/23grayRight.gif") no-repeat right 0%;
  color:#000; 
}

button.button.orange { 
  background:url("images/edu-orangeLeft.gif") no-repeat left 0%;
  font-size:11px; 
}
button.button.orange span { 
  height:23px; 
  line-height:20px;
  background:url("images/edu-orangeRight.gif") no-repeat right 0%;
  color:#000; 
}

button.button.blue { 
  background:url("images/edu-blueLeft.gif") no-repeat left 0%;
  font-size:11px; 
}
button.button.blue span { 
  height:23px; 
  line-height:20px;
  background:url("images/edu-blueRight.gif") no-repeat right 0%;
  color:#000; 
}

/* ----------------------------------------BUTTON DEFINITION CLASS - KEEP BELOW BUTTON SKINS */
button.button { 
/*    float:left;  NEEDED FOR SPAN POSITIONING */
	font:bold 11px/16px Verdana;
	text-decoration:none;
	/* color:#627EB7; Removed for deeper styling from Skins */
	margin:0; /* margin around button */
	padding:0 0 0 1px; /* SAFARI Hack needs at least 1px on left - Doorway: size of left image */
	height:23px; /* Needed for IE 6 */
	cursor:pointer;
	border:none;
}
button.button span { 
	position:relative; /* This is positioned relatively to the button element */
	display:block; 
/*	float:left; */
/*	top:-1;  Firefox Hack - this is reversed in the ieBrowserHack.css */
	white-space:nowrap;
	padding:0 1.2em 0 1em; 
}
button.button:hover {
	background-position:0 100%;
}
button.button:hover span {
	background-position:100% 100%;
}










/* INPUT Elements ---------------------------------------------------------------------------------------------- */
/* USAGE <div class="button gray23"><input type="submit" value="Gray 23 Input"></div> */
/* NOTES: Not Compatible with SAFARI */

div.button.gray23 { 
  background:url("images/23grayLeft.gif") no-repeat left 0%;
  
}
div.button.gray23 input { 
  height:23px; 
  background:url("images/23grayRight.gif") no-repeat right 0%;
  color:#000;
  font-size:11px;
  font-weight:bold; 
}
div.button.blue { 
  background:url("images/edu-blueLeft.gif") no-repeat left 0%;
  font-size:11px; 
}
div.button.blue input { 
  height:23px; 
  line-height:20px;
  background:url("images/edu-blueRight.gif") no-repeat right 0%;
  color:#000; 
}




div.button { 
	float:left; /* NEEDED FOR SPAN POSITIONING */
	border:none;
	padding:0 0 0 4px;
}
div.button input { 
	border:none;
	outline:none; /* For Firefox */
	padding:0 4px 0 2px;
}
div.button:hover {
	background-position:0 100%;
}
div.button:hover input {
	background-position:100% 100%;
}